function renderAvatar(userInfo){
    console.log(userInfo)
    //约定 如果有昵称就用昵称 如果没有就用用户名
    var name;
    if(userInfo.nickname){
        name = userInfo.nickname;
    }else{
        name = userInfo.username;
    }
    $('#welcome').html('欢迎 '+name);
    // 二选一 如果有头像就用头像，如果没有头像就把用户名字首字母大写作为头像
    //d400 000000
    //itcast 000000
    if(userInfo.user_pic){
        //有头像的情况
        $('.userinfo .layui-nav-img').attr('src',userInfo.user_pic)
        $('.userinfo .text-avatar').hide()
    }else{
        //没有头像的情况
        $('.userinfo .text-avatar').text(userInfo.username[0].toUpperCase())
        $('.userinfo .layui-nav-img').hide()
    }
}

function getUserInfo(){
    // 约定：只要ajax出问题了，不管是网络的原因还是因为token的原因，我们直接就认为是出问题，直接跳转回登录页面
    $.ajax({
        type:'get',
        // headers:{
        //     Authorization:localStorage.getItem('token')
        // },
        url:'/my/userinfo',
        success:function(res){
            if(res.status != 0)return layer.msg('获取用户信息失败')
            renderAvatar(res.data)
        },
        //不管是成功还是失败，都会执行 在这里面写错误判断是最保险
        // complete:function(res){
        //     if(res.responseJSON.status != 0){
        //         //只要出问题了，直接跳转回登录页面
        //         localStorage.removeItem('token')
        //         location.href = '/login.html'
        //     }
        // }
    })
}

getUserInfo()

//实现退出功能 
$('#logout').click(function(){
    layer.confirm('确定要退出吗?', {icon: 3, title:'提示'}, function(index){
        // 销毁凭证
        localStorage.removeItem('token')
        //跳转回登录页
        location.href = '/login.html'
        layer.close(index);
      });
})